<template>
    <div>
        <topNavVue></topNavVue>
        <listFatherVue></listFatherVue>
        <playSortVue></playSortVue>
        <goodListFatherVue :flag="flag"></goodListFatherVue>
        <bottomMsgVue></bottomMsgVue>
        <bottomNavVue></bottomNavVue>
        <openAppVue></openAppVue>
   
    </div>
</template>

<script>

import bottomMsgVue from '../HomeCom/bottomMsg.vue'
import bottomNavVue from '../HomeCom/bottomNav.vue'
import goodListFatherVue from '../HomeCom/goodListCom/goodListFather.vue'
import listFatherVue from '../HomeCom/ListCom.vue/listFather.vue'
import openAppVue from '../HomeCom/openApp.vue'
import playSortVue from '../HomeCom/playSortCom/playSort.vue'
import topNavVue from '../HomeCom/topNav.vue'

export default {
    name:"HomePage",
    data(){
        return {
            flag:true
        }
    },
    components:{
        topNavVue,
        listFatherVue,
        playSortVue,
        bottomNavVue,
        goodListFatherVue,
        bottomMsgVue,
        openAppVue,
     
    }
}
</script>

<style lang="scss" scoped>

</style>